{extend name="public/base" /}

{block name="title"}{$systems.webname}{/block}

{block name="main"}
<div class="content center-block animated fadeInDown">
    <div class="page-header h1">用户注册</div>
    <form action="#">
        <div class="form-group">
            <label for="username" class="control-label">用户名</label>
            <input type="text" class="form-control" id="username" name="username" placeholder="填写用户名"/>
        </div>
        <div class="form-group">
            <label for="password" class="control-label">密码</label>
            <input type="password" class="form-control" id="password" name="password" placeholder="填写密码"/>
        </div>
        <div class="form-group">
            <label for="conpass" class="control-label">确认密码</label>
            <input type="password" class="form-control" id="conpass" name="conpass" placeholder="确认密码"/>
        </div>
        <div class="form-group">
            <label for="nickname" class="control-label">昵称</label>
            <input type="text" class="form-control" id="nickname" name="nickname" placeholder="填写昵称"/>
        </div>
        <div class="form-group">
            <label for="email" class="control-label">昵称</label>
            <input type="email" class="form-control" id="email" name="email" placeholder="填写邮箱"/>
        </div>
        <div class="form-group">
            <label for="verify" class="control-label">验证码</label>
            <div class="input-group">
                <input type="text" class="form-control" id="verify" name="verify" placeholder="验证码"/>
                <span class="input-group-addon">123</span>
            </div>
        </div>
        <div class="form-group">
            <button type="submit" id="register" class="btn btn-primary btn-block">登录</button>
        </div>
    </form>
</div>
{/block}
{block name="js"}
<script>
    $(function () {
        $("#register").on('click', function () {
            $.ajax({
                url: "{:url('index/index/register')}",
                type: "post",
                data: $("form").serialize(),
                dataType: "json",
                success: res => {
                    if (res.code == 1) {
                        layer.msg(res.msg, {
                            icon: 6,
                            time: 2000
                        }, function () {
                            location.href = res.url
                        })
                    } else {
                        layer.open({
                            title: "操作失败",
                            content: res.msg,
                            icon: 5
                        });
                    }
                }
            });
            return false;
        })
    })
</script>
{/block}